<!--
 * @Author: html常用元素
 * @Date: 2021-08-02 16:32:27
 * @LastEditTime: 2021-08-02 20:28:55
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\3-html&css\day01\html常用元素.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html常用元素</title>
</head>
<body>
    <h1 id="header">
        目录
    </h1>
    <ol>
    <li><a href="#chaolianjie">超链接</a></li>
    <li><a href="#liebiao1">自定义列表</a></li>
    <li><a href="#liebiao2">有序列表</a></li>
    <li><a href="#liebiao3">无序列表</a></li>
    <li><a href="#biaoti">标题</a></li>
    
    
    <li><a href="#aa">hello,world</a></li>
    <li><a href="#picture">图片</a></li>
    </ol>
    <h2 id="chaolianjie">超链接</h2>
    <a href="https://baidu.com" target="_blank">百度一下</a>
    <a href="mailto:3323370550@qq.com" target="_blank">联系我</a>
    
    <!-- 列表 -->
    <h2 id="liebiao1">自定义列表</h2>
    <dl>
        <h3><dt>标题</dt></h3>
        <dd>1</dd>
        <dd>2</dd>
        <dd>3</dd>
    </dl>
    <h2 id="liebiao2">有序列表</h2>
    <ol type="I">
        <li>第一条</li>
        <li>第二条</li>
        <li>第三条</li>
    </ol>
    
    <ol start="4" reversed>
        <li>第4条</li>
        <li>第5条</li>
        <li>第6条</li>
    </ol>
    <h2 id="liebiao3">无序列表</h2>
    <ul>
        <li>第一条</li>
        <li>第二条</li>
        <li>第三条</li>
    </ul>
    <h2 id="aa">hello,world</h2>
    <div>hello,world</div>
    <p>第一段hello,world</p>
    <p>第二段hello,world</p>
    <div>
        <div></div>
        <!-- 无意义的块级元素 -->
        <h2 id="biaoti">标题</h2>
        <h1>一级标题</h1>
        <hr/>
        <h2>二级标题</h2>
        <hr/>
        <h3>三级标题</h3>
        <hr/>
        <h4>四级标题</h4>
        <hr/>
        <h5>五级标题</h5>
        <hr/>
        <h6>六级标题</h6>
        <hr/>
        <div>
            <p>
                <i>hello world</i>
                <em>hello world</em>
            </p>
        </div>
    </div>
    <h2 id="picture">图片</h2>
     <img src="E:\briup\2-Axure\day04\2.png"
    <a href="#header">返回顶部</a>
</body>
</html>